<template>
    <div>
        <!-- 导航栏 -->
        <van-nav-bar title="洗车卡" left-text="返回" left-arrow @click-left="jump('myView')"/>
        <van-row >
        <van-col span="1"></van-col>
        <van-col span="22" style="
             height:80px;
             margin-top: 10px; 
             background-color: RGB(15,15,63);
             border-radius: 5px;
             ">
          <div style="float: left;padding-left: 5%;">
            <span></span><br />
            <span style="font-size: 15px;color: #fff;">购买洗车卡</span><br />
            <span style="font-size: 12px;color: #fff;">享受更多优惠</span>
          </div>
          <van-button type="default" style="margin-left: 30%;
            margin-top: 25px;
            border: 0;
            width:80px;
            height:30px ;
            font-size: 12px;
            background: #874f09;
            color: #FFF;
            ">立即购买</van-button>
        </van-col>
        <van-col span="1"></van-col>
      </van-row>
    </div>
</template>

<script>
//书写组件配置项目 相当于写js代码的地方
//要求template必须有且只有一个根元素，如果有两个就不知道绑定那个`
export default {
  //export default 相当于过去的new vue ({el:"#div"})
  //全部都是json格式

  props: {
    //注册属性，用来父子组件传递参数使用
  },
  data() {
    //定义数据的地方
    return {
      
    };
  },
  created() {
    //生命周期  创建后要做的事情  vue被创建时候执行的
  },
  mounted() {
    // 生命周期  挂载完成后
  },
  methods: {
    jump(uri) {
      this.$router.push(uri);
    },
  },
  components: {
    // 组件注册的地方 相当于pom文件
  },
};
</script>
  

<style>

</style>